<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>图鉴</title>
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
</head>

<script type="text/javascript" src="../static/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../static/js/jquery.form.js"></script>
<style type="text/css" >
    .imgHandBok{
        width: 20%;
        float: left;

    }
    .hanerUlOne{
        height: 66px;
        width: 50%;
        float: left;

        margin-top: 38px;
    }
    .hanerUlTwo{
        height: 68px;
        margin-top: 36px;
        width: 23%;
        float: left;

    }
    .imgBook{
        margin-left: 85px;
    }
    li{
        list-style: none;
    }
    .hanerUlOne>li{
        float: left;
        width: 32%;
        padding-top: 10px;
    }
    .hanerUlTwo>li{
        float: left;

    }
    #loadImg{
        float: left;
        height: 482px;
        margin-left: 8%;
        width: 42%;
        border: 2px dashed #b7b7b7;
    }
    #rightload{
        float: right;
        height: 360px;
        width: 48%;
    }
    .span_explain{
        display: block;
        margin-left: 6%;
        line-height: 43px;
    }
    #name{
        position: absolute;
        margin-left: 80%;
        width: 200px;
        top: 53px;
    }
    .file-box{
       display: inline-block;
        position: relative;
        padding: 3px 5px;
        overflow: hidden;
        width: 200px;
        margin-top: -23%;
        background-color: dodgerblue;
        height: 52px;
        cursor: pointer;
        border-radius: 11px 10px 11px 12px;
    }
    .fileInput{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;left: 0;outline: none;
        background-color: transparent;
        filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;
    }
    .subDiv{
        color: #fff;border-radius: 11px 10px 11px 12px;border: none;margin-top: -63px;width: 206px;background-color: dodgerblue;height: 61px;cursor: pointer;margin-left: 208%;
    }
    .subInput{
        font-size: 16px;margin-top: 2px;margin-left: 5px;border: none;width: 95%;height: 87%;background-color: dodgerblue;color: #fff;
    }
</style>

<body>
<header>
    <div>
        <div id="name" th:text="${session.userName}"></div>
        <img id="sanjiao" style=" top: 59px;position: absolute;   left: 87%;" src="../static/img/sanjiao.png">
        <input type="hidden" th:value="${session.userName}" id="userName" >
        <div id="phone" style="box-shadow: 9px 9px 24px -3px #b7b7b7;display: none;border: 1px solid #eeeeee;position: absolute;width: 171px;left: 77%;top: 47px;height: 270px;background-color: #ffff;">
            <ul style="width: 100%;margin-left: -23%;">
                <li id="uName" style="text-align: center;height: 37px;border-bottom: 1px solid #eeee;width: 100%;font-size: 18px;"></li>
                <li style="padding-left: 31%;margin-top: 26px;cursor: pointer">鉴图记录</li>
                <li style="padding-left: 31%;margin-top: 26px;cursor: pointer" id="zhifu"><a style="text-decoration: none;color: black;"id="fu">付费记录</a></li>
                <li style="margin-top: -16px;padding-left: 31%;line-height: 99px;cursor: pointer;" id="Vip">开通会员</li>
                <li style="margin-top: -51px;padding-left: 40%;line-height: 99px;cursor: pointer" id="exit">退出</li>
            </ul>
        </div>
        <div class="imgHandBok"><img src="../static/img/tujian.png" class="imgBook" style="width: 33%;margin-top: 37px;margin-left: 48%;"></div>
        <ul class="hanerUlOne">
            <li id="liOne"><span style="display: block; padding-left: 37%;color: blue;cursor: pointer;">首页</span></li>
            <li  id="liTwo"><span style="display: block;padding-left: 15%;cursor: pointer;">图鉴说明</span></li>
            <li  id="liThree"><span style="cursor: pointer;">技术支持</span></li>
        </ul>
        <ul class="hanerUlTwo">
            <li><div id="login" style="height: 37px;width: 86px;border-radius:18px 15px 18px 18px; background-color: #eeeeee;"><span style="    padding-top: 6px;display: block;text-align: center;cursor: pointer;">登录</span></div></li>
            <li><div id="login_enrol" style="border-radius:18px 15px 18px 18px;margin-left: 39px;width: 99px;height: 35px;background-color: #005cf9;"><span style="    color: #fff;display: block;text-align: center;padding-top: 7px;cursor: pointer;">免费注册</span></div></li>
        </ul>
    </div>
</header>
<div style="clear: left">
    <div style="    width: 50%;margin-left: 9%;float: left;margin-top: 66px;">
        <img src="../static/img/tupian.png" style="width: 64%;">
    </div>
    <div style=" float: left; width: 41%;">
        <h1 style="margin-top: 87px;">分析图片,只需3秒</h1>
        <span style="    font-size: 24px;margin-top: 37px;display: block;">图片鉴定任你传</span>
        <div style="    margin-top: 78px;border-radius: 18px 15px 18px 18px;margin-left: 5px;width: 38%; height: 39px;background-color: #005cf9;"><a href="http://huidd365.com/lxwm/index.jhtml" style=";text-decoration: none;color: #fff;display: block;text-align: center;padding-top: 7px;cursor: pointer;">了解我们</a></div>
    </div>
</div>

<div id="systemPay" style="margin-left: 14%;width: 70%;background-color:#fff;position: relative;z-index: 30;clear: both;display: none;" >
    <span style="    font-size: 23px;margin-left: 46%;display: block;margin-bottom: 69px;">鉴定付费</span>
    <div  >
        <span style="margin-top: 1px;margin-left: 20%;color: #666;font-size: 20px;text-align: center;width: 20%;display: block;">微信扫码支付</span>
        <span style="position: absolute;margin-left: 19%;margin-top: 20px;color: #666;width: 22%;display: block;text-align: center;font-size: 14px;">扫码后请等待完成支付</span>
        <img src="http://52borui.cn:8081/488.png" style="margin-top: 36px;margin-left: 13%; " id="weChact">
        <img src="../static/img/weiSao.png" style="margin-top: 21%;position: absolute;margin-left: -17%">
    </div>
    <img src="../static/img/weiPhone.png" style="    margin-left: 31%; margin-top: -16.5%;">
    <div style="width: 58%;margin-left: 43%;margin-top: -28%;">
        <div>
            <span style="    margin-top: 1px;margin-left: 39%;color: #666;font-size: 20px;text-align: center;width: 20%;display: block;">支付宝扫码支付</span>
            <span style="    margin-left: 38%;margin-top: 10px;color: #666;width: 22%;display: block;text-align: center;font-size: 14px;">扫码后请等待完成支付</span>
            <img src="http://52borui.cn:8081/488.png" style=" margin-top: 0%;margin-left: 16%;"id="zhifubao">
            <img src="../static/img/zhifus.png" style="     margin-top: 18%;position: absolute; margin-left: -17%;">
        </div>

        <img src="../static/img/zhifb.png" style="    margin-left: 47%;margin-top: -29.5%;"></div>
    <img id="forget_consoles" src="../static/img/console.png" style=" top: 13px;position: absolute;left: 90%;cursor: pointer;">
     <span style="    display: block;margin-left: 45%;margin-top: 56px;font-size: 23px;">开通会员</span>
   <div>
      <ul style="height: 200px;margin-left: -3%; width: 100%;">
          <li style="float: left; width: 33%;">
              <span><img src="../static/img/jin.png" style=" margin-top: 7%; margin-left: 41%;"></span>
              <div   id="jin" style="  cursor: pointer; color: #fff;   background-color: #005cf9; border-radius: 9px 9px 9px 9px;   margin-top: 25px;margin-left: 41%; width: 30%; height: 40px;">
                  <span style="    display: block;text-align: center;padding-top: 11px;">开通金牌会员</span></div>
          </li>
          <li style="float: left; width: 33%;">
              <span><img src="../static/img/yin.png" style="     margin-top: 7%;margin-left: 33%;"></span>
              <div  id="yin" style="  cursor: pointer; color: #fff;   background-color: #005cf9; border-radius: 9px 9px 9px 9px;   margin-top: 25px;margin-left: 32%; width: 30%; height: 40px;">
                  <span style="    display: block;text-align: center;padding-top: 11px;">开通银牌会员</span></div>
          </li>
          <li style="    width: 33%; float: left;">
              <span><img src="../static/img/tong.png" style="     margin-top: 7%;margin-left: 30%;"></span>
              <div  id="tong"  style=" cursor: pointer; color: #fff;   background-color: #005cf9; border-radius: 9px 9px 9px 9px;   margin-top: 25px;margin-left: 30%; width: 30%; height: 40px;">
                  <span style="    display: block;text-align: center;padding-top: 11px;">开通铜牌会员</span></div>
          </li>
      </ul>



       <div id ="vipDiv" style="display: none">
           <img src="http://52borui.cn:8081/488.png"  style=" margin-bottom: 71px; width: 12%;margin-top: 44px;" id="weChactJin">
           <img src="../static/img/weiSao.png" style="     padding-top: 13%;margin-left: -14%;">
           <img src="http://52borui.cn:8081/488.png" style="     margin-bottom: 71px;width: 12%;margin-top: 44px;padding-top: -18%;margin-left: 8%;"id="zhifubaojin">
           <img src="../static/img/zhifus.png" style="     margin-top: 2%; margin-left: -13%;">
       </div>

       <div style="    padding-top: 72px;"><span style="    margin-top: 34px;display: block;margin-left: 37%;">铜牌会员	会费98元，系统自动鉴定50张图片</span></div>
       <div><span style="    margin-top: 20px; display: block;margin-left: 29%;">银牌会员	会费188元	系统自动鉴定100张图片 送1张图的人工鉴定服务</span></div>
       <div><span style="    margin-top: 20px;display: block;margin-left: 29%;">金牌会员	会费588元	系统自动鉴定200张图片 送5张图的人工鉴定服务</span></div>
   </div>
</div>


<div style="clear: both;display: block" id="index">
    <h3 style="padding-top: 9%;text-align: center;">上传图片，3秒识别</h3>
    <div style=" margin-top: 56px;">
        <div id="loadImg" style="overflow: hidden;"><img style="transition:all 0.6s;width: auto;height: auto;max-width: 100%;max-height: 100%; " id="load"></div>
        <form  id="form1"  action="/sd" style="margin-top: 32%;left: 10%;position: absolute;" method="post" enctype="multipart/form-data">
           <div class="file-box" >
               <input type="file"  name="file"   id="imgInput"  class="fileInput">
               <span style="    margin-top: 6%;color: #fff;display: block;margin-left: 31%;">上传图片</span>
           </div>
            <input type="hidden" name="userName" th:value="${session.userName}">
            <input type="hidden" name="imgType" value="系统鉴定" id="imgType">
            <input type="hidden" name="reault" value="" id="reault">
            <div class="subDiv"> <input   type="submit" value="系统鉴定"  class="subInput" id="sdButton"></div>
        </form>
       <!-- <form  id="form2"  action="/sd" style="display: none;margin-top: 32%;left: 10%;position: absolute;" method="post" enctype="multipart/form-data">
            <div class="file-box">
                <input type="file"  name="file" class="fileInput"  id="imgInput2" >
                <span style="    margin-top: 6%;color: #fff;display: block;margin-left: 31%;">上传图片</span>
            </div>
            <input type="hidden" name="userName" th:value="${session.userName}">
            <input type="hidden" name="imgType" value="人工服务">
           &lt;!&ndash; <div class="subDiv"> <input  class="subInput" type="submit" value="专家鉴定服务"  ></div>&ndash;&gt;
        </form>-->
        <div id="rightload">
            <ul style="height: 37px; margin-top: 7px;">
                <li style="float: left;margin-top: -3%;"><a style="color: #22c231; font-size: 22px;font-weight: bold;" id="system">系统服务</a></li>
                <li style="float: left; margin-left: 50%;margin-top: -3%;"><a style=" font-size: 22px;font-weight: bold;" id="person">专家鉴定</a></li>
                <div style="width: 81%;padding-bottom: 15px;border-bottom: 4px solid #eceef4;clear: both;"></div>
                <div style="width: 15%;padding-bottom: 15px;border-bottom: 4px solid #22c231;clear: both;margin-top: -19px;" id="line"></div>
            </ul>
            <div id="system_div" >
                <span style="    line-height: 33px;margin-bottom: 20px;display: block;margin-left: 4%;" id="systemPan">
                    <strong>鉴定须知：</strong><br/>
                    系统自动鉴定服务，一张图片鉴定服务费5元，速度快，只能针对整张图片进行鉴定，准确度95%以上。
                </span>
                <div style="height: 155px;" id="courseDiv">
                    <span style="    margin-left: 41px;float: left;margin-top: 67px;">执行过程：</span><textarea style="    height: 100%;width: 61%;float: left;"id="course"></textarea>
                </div>
                <div style="margin-top: 24px;height: 155px;"id="resultDiv">
                    <span style="    margin-left: 41px;float: left;margin-top: 67px;">执行结果：</span><textarea style="    height: 100%;width: 61%;float: left;" id="result"></textarea>
                </div>
                <span style="    line-height: 33px;margin-bottom: 20px;display: none;margin-left: 4%;" id="personsPan">
                    <strong>鉴定须知：</strong><br/>
                    人工专家鉴定服务，用时4小时，可以对图片指定区域进行鉴定，准确度98%以上。
                </span>
                <div  style="margin-top: 24px;height: 155px;display: none;" id="repose">
                    <span style="margin-left: 41px;float: left;margin-top:25px">请输入您的鉴定要求：</span><textarea style="margin-top: -8px;height: 51%;width: 52%;float: left;" id="resultRepose"></textarea>
                </div>
                <div style="margin-top: 24px;height: 155px;display: none;"id="resultDivS">
                    <span style="margin-left: 48px;float: left;margin-top: -8px;">执行结果：</span><textarea style="margin-left: -1%;margin-top: -83px;height: 100%;width: 61%;float: left;" id="resultS"></textarea>
                </div>
            </div>
         <div id="systemResult" style="border: 1px solid #b7b7b7;position: absolute;width: 29.8%;margin-left: 6.3%;margin-top: -8.5%;height: 166px;background-color: #ffffff;"><span id="seeResult" style="margin-left: 40%;width: 86px;text-align: center;display: block;margin-top: 11%;border: 1px solid #ca0c16;height: 34px;border-radius: 5px 5px 6px 5px;cursor: pointer;" ><a id="sea" style="color: #ca0c16;display: block;font-size: 14px;margin-top: 7px;">查看结果</a></span></div>
            <div id="systemResultS" style="display: none;border: 1px solid #b7b7b7;position: absolute;width: 29.8%;margin-left: 6.2%;margin-top: -12.5%;height: 166px;background-color: #ffffff;"><span id="seeResultS" style="margin-left: 40%;width: 86px;text-align: center;display: block;margin-top: 11%;border: 1px solid #ca0c16;height: 34px;border-radius: 5px 5px 6px 5px;cursor: pointer"><a id="seaS" style="color: #ca0c16;display: block;font-size: 14px;margin-top: 7px;">查看结果</a></span></div>
            <div id="person_div" style="display: none">
                <span style="margin-left: 37px;display: block;margin-top: -50px">电话：15324521457</span>
                <span style="margin-left: 37px;display: block;margin-top: 20px;">邮箱：12345467@qq.com</span>
                <span style="line-height: 35px; margin-top: 20px;margin-left: 37px;display: block;width: 78%;">备注：如您使用人工服务请拨打电话，或者发送邮件，人工服务鉴定结果需等待4小时，请您耐心等待.............</span>
            </div>
        </div>
    </div>
</div>

<div style="clear: both;display: none;" id="explain">
    <h3 style="padding-top: 9%;text-align: center;">图鉴说明</h3>
    <div style="margin-left: 19%;">
        <ol>
            <li><span class="span_explain">1.能识别、鉴定出图片是否被编辑，能鉴定各种图片、照片、证件、合同扫描件、身份证扫描件、工作证、名片、海报、报价单、投标文件等。</span></li>
            <li><span class="span_explain">2.被各种电脑处理软件处理过，均可以被发现。</span></li>
            <li><span class="span_explain">3.只需上传需要被鉴定的电子版即可。</span></li>
            <li><span class="span_explain">4.因为保密需要，被打马赛克的部分，也会被鉴定为被编辑过，非原图。</span></li>
            <li><span class="span_explain">5.声明：本鉴定结果只代表一种纯技术分析，不可以作为司法鉴定结果使用。</span></li>
            <li><span class="span_explain">6.多张图片快速鉴定，可以支持50张以内的一次性传入，也提供技术API接口，对外开放使用。</span></li>
        </ol>
    </div>
</div>

<div style="clear: both;display: none;"id="service">
    <h3 style="padding-top: 9%;text-align: center;">服务说明</h3>
    <div style="  margin-left: 13%;">
        <ol>
            <li><span style="  display: block;margin-left: 17%;line-height: 43px;">1.快速鉴定：该方式通过大数据智能鉴定，费用低，速度快，只能针对整张图片鉴定，准确度95%以上。</span></li>
            <li><span style="  display: block;margin-left: 17%;line-height: 43px;">2.人工专家鉴定：该方式通过大数据智能鉴定加人工专家鉴定，可以对图片指定区域进行鉴定，用时3个小时，准确度99.99%。</span></li>
        </ol>
    </div>
    <h3 style="padding-top: 5%;text-align: center;">会员价格说明</h3>
    <div style="    margin-left: 12%;">
        <ol>
            <li><span style="  display: block;margin-left: 28%;line-height: 43px;">1.金牌服务：包鉴定200张图片，每年会费588元，送五次人工鉴定。</span></li>
            <li><span style="  display: block;margin-left: 28%;line-height: 43px;">2.银牌会员：包鉴定100张图片，每年会费188元，送一次人工鉴定。</span></li>
            <li><span style="  display: block;margin-left: 28%;line-height: 43px;">2.银牌会员：包鉴定50张图片，每年会费98元。</span></li>
        </ol>
    </div>
    <h3 style="padding-top: 5%;text-align: center;">非会员价格说明</h3>
    <div style="margin-left: 10%;">
        <ol>
            <li><span style="  display: block;margin-left: 28%;line-height: 43px;">上传图片，系统自动鉴定完成，扫码付费，每次鉴定费5元，显示鉴定结果。</span></li>
            <li><span style="  display: block;margin-left: 28%;line-height: 43px;">上传图片，选择人工鉴定服务，每张图158元，扫码付费，显示鉴定结果。</span></li>
        </ol>
    </div>
</div>


<div style="left: 92%;position: fixed;clear: both;top: 64%;margin-top: -18%;">
    <ul>
        <img src="../static/img/公众号.jpg" id="imgOne" style=" display: none;right: 62%; position: absolute;width: 130%;top: 7%;">
        <img src="../static/img/公众号.jpg" id="imgTwo" style="display: none;right: 62%; position: absolute;width: 130%;top: 7%;">
        <li id="iOne" style="border: 1px solid #eeeeee;width: 64px;height: 74px;"><img src="../static/img/二维码.jpg" style="margin-left: 17px;width: 27px;margin-top: 12px;"><span style="display: block; margin-left: 8px;margin-top: 4px;color:#b7b7b7;">公众号</span></li>
        <li id="iTwo" style="border: 1px solid #eeeeee;width: 64px;margin-top: -1px;height: 74px;"><img src="../static/img/timg.png" style="width: 23px;margin-left: 20px;margin-top: 10px;"><span style="display: block; margin-left: 8px;color:#b7b7b7;">移动端</span></li>
    </ul>
</div>

<!-登录    ->
<div id="login_div"style="display: none;top:21%;left:36%;width: 30%;position: absolute;z-index: 30;height: 50%;background-color: #ffffffff;">

    <div style="margin-top: 81px;height: 39px;margin-left:43px; width:78%;border: 1px solid #b7b7b7b7;">
        <input id="account" type="text" placeholder="帐号       请输入手机号码" style="text-indent: 20px;border: none;width: 100%;height: 94%;">
    </div>
    <div style="margin-top: 31px;height: 39px;margin-left:43px; width: 78%;border: 1px solid #b7b7b7b7;">
        <input id="password"  type="password" placeholder="密码       请输入6-30位字母数字组合密码" style="text-indent: 20px;border: none;width: 100%;height: 94%;">
    </div>
    <a id="forget_password" style="margin-left: 73%;margin-top: 23px;display: block;color:#005cf9;cursor: pointer;">忘记密码</a>
    <div id="login_lo" style="border-radius:10px 9px 11px 11px;margin-top: 20px;margin-left: 53px;width: 74%;height: 56px;background-color: #005cf9;"><span style="    color: #fff;display: block;text-align: center;padding-top: 18px;cursor: pointer;cursor: pointer;">登    录</span></div>
    <a id="enrol_Acount" style="margin-left: 73%;margin-top: 23px;display: block;color:#005cf9;cursor: pointer;">注册帐号</a>
    <img id="console" src="../static/img/console.png" style=" top: 13px;position: absolute;left: 90%;cursor: pointer;">
</div>
<!-注册->
<div id="login_enrolS"style="display: none;top:21%;left:36%;width: 30%;position: absolute;z-index: 30;height: 50%;background-color: #ffffffff;" >
    <div   style="margin-top: 81px;height: 39px;margin-left:43px; width:78%;border: 1px solid #b7b7b7b7;">
        <input id="enrol_account" type="text" placeholder="帐号       请输入手机号码" style="text-indent: 20px;border: none;width: 100%;height: 94%;">
    </div>
    <div style="margin-top: 31px;height: 39px;margin-left:43px; width: 46%;border: 1px solid #b7b7b7b7;">
        <input id="enrol_code"  placeholder="输入短信中的验证码" style="text-indent: 20px;border: none;width: 100%;height: 94%;">
    </div>
    <div id="code" style="    width: 26%;height: 40px; margin-top: -40px;margin-left: 60%;background-color: #eeeeee"><span id="code_span" style=" cursor: pointer;display: block;font-size: 13px;padding-left: 39px;padding-top: 10px;">获取验证码</span></div>
    <div style="margin-top: 31px;height: 39px;margin-left:43px; width: 78%;border: 1px solid #b7b7b7b7;">
        <input id="enrol_password"  type="password" placeholder="密码       请输入6-30位字母数字组合密码" style="text-indent: 20px;border: none;width: 100%;height: 94%;">
    </div>
    <div id="enrol_login_lo" style="border-radius:10px 9px 11px 11px;margin-top: 20px;margin-left: 53px;width: 74%;height: 56px;background-color: #005cf9;"><span style="    color: #fff;display: block;text-align: center;padding-top: 18px;cursor: pointer;cursor: pointer;">免费注册帐号</span></div>
    <a id="login_two" style="margin-left: 35%;margin-top: 23px;display: block;cursor: pointer;"><span>已有账号？</span><span style="color:#005cf9;">去登录</span></a>
    <img id="enrol_console" src="../static/img/console.png" style=" top: 13px;position: absolute;left: 90%;cursor: pointer;">
</div>

<!-忘记密码->
<div id="forget"style="display: none;top:21%;left:36%;width: 30%;position: absolute;z-index: 30;height: 50%;background-color: #ffffffff;" >
    <div   style="margin-top: 81px;height: 39px;margin-left:43px; width:78%;border: 1px solid #b7b7b7b7;">
        <input id="forget_account" type="text" placeholder="帐号       请输入手机号码" style="text-indent: 20px;border: none;width: 100%;height: 94%;">
    </div>
    <div style="margin-top: 31px;height: 39px;margin-left:43px; width: 46%;border: 1px solid #b7b7b7b7;">
        <input id="forget_code"   placeholder="输入短信中的验证码" style="text-indent: 20px;border: none;width: 100%;height: 94%;">
    </div>
    <div id="forget_codes" style="    width: 26%;height: 40px; margin-top: -40px;margin-left: 60%;background-color: #eeeeee"><span style=" cursor: pointer;display: block;font-size: 13px;padding-left: 39px;padding-top: 10px;">获取验证码</span></div>
    <div style="margin-top: 31px;height: 39px;margin-left:43px; width: 78%;border: 1px solid #b7b7b7b7;">
        <input id="forget_passwordS"  type="password" placeholder="密码       请输入6-30位密码" style="text-indent: 20px;border: none;width: 100%;height: 94%;">
    </div>
    <div id="forget_login_lo" style="border-radius:10px 9px 11px 11px;margin-top: 20px;margin-left: 53px;width: 74%;height: 56px;background-color: #005cf9;"><span style="    color: #fff;display: block;text-align: center;padding-top: 18px;cursor: pointer;cursor: pointer;">更改密码</span></div>
    <a id="login_one" style="margin-left: 35%;margin-top: 23px;display: block;cursor: pointer;"><span>想起密码了？</span><span style="color:#005cf9;">去登录</span></a>
    <img id="forget_console" src="../static/img/console.png" style=" top: 13px;position: absolute;left: 90%;cursor: pointer;">
</div>
<!-蒙板->
<div id="moban" style="display: none;opacity: 0.3;top: 0px;z-index: 20;position: absolute;background-color: black;width: 99%;">

</div>
<div style="height: 261px;background-color: #2a2a2a;margin-top: 41%  "id="footer">
    <ul style="  height: 71px;width: 39%; margin-left: 29%;">
        <li style="width: 25%;float: left; margin-top: 36px; "><a href="http://huidd365.com/lxwm/index.jhtml" style="text-decoration:none;color: #ffffff;">联系我们</a></li>
        <li style="width: 25%;float: left; margin-top: 36px;"><a href="https://www.zhipin.com/job_detail/bf52b79bb23deb991XZ439y6EFc~.html?ka=search_list_25" style="text-decoration:none;color: #ffffff;">诚聘英才</a></li>
        <li style="width: 25%;float: left; margin-top: 36px;"><a href="http://huidd365.com/sy/index.jhtml" style="text-decoration:none;color: #ffffff;">友情链接</a></li>
        <li style="width: 25%;float: left; margin-top: 36px;"><a href="http://huidd365.com/gybr/index.jhtml" style="text-decoration:none;color: #ffffff;">关于我们</a></li>
    </ul>
    <div style="border-bottom: 1px solid #858585;"></div>
    <div style="margin-left: 39%;font-size: 18px;color: #ffffff;margin-top: 38px;"> @2018 博睿科技有限公司版权所有 </div>
    <div style="    font-size: 16px; margin-top: 20px;    padding-left:41%; color: #fff;">ICP备案号   津ICP备18009259号</div>
    <div style=" margin-left: 12%;font-size: 16px;margin-top: 20px;color: #fff;"><span style="color: #aeaeae;">标签:</span> 大数据数据采集、大数据清洗、大数据建模与算法、大数据挖掘与分析、大数据可视化、大数据产品创新设计、大数据安全、大数据运营业务。</div>
</div>
</body>
<script type="text/javascript">
    $('#person').hover(function(){
        $('#person').css('color',"#22c231");
        $('#system').css('color',"black");
        $('#line').css('margin-left',"58%");
        $('#personsPan').css('display','block');
        $('#repose').css('display','block');
        $('#person_div').css('display','block');
        $('#systemPan').css('display','none');
        $('#courseDiv').css('display','none');
        $('#resultDivS').css('display','block');
        $('#resultDiv').css('display','none');
        $("#imgType").val("人工服务");
        $("#sdButton").css("display","block");
        $("#sdButton").val("专家鉴定");
        $("#imgType").val("专家鉴定");
        $('#form1').css('display','block');
        $("#systemResultS").css("display","block");
        $("#systemResult").css("display","none");
    })
    $('#system').hover(function(){
        $('#system').css('color',"#22c231");
        $('#person').css('color',"black");
        $('#repose').css('display','none');
        $('#line').css('margin-left','0%');
        $('#personsPan').css('display','none');
        $('#person_div').css('display','none');
        $('#systemPan').css('display','block');
        $('#courseDiv').css('display','block');
        $('#resultDivS').css('display','none');
        $('#resultDiv').css('display','block');
        $("#sdButton").val("系统鉴定");
        $("#imgType").val("系统服务");
        $('#form1').css('display','block');
        $("#systemResultS").css("display","none");
        $("#systemResult").css("display","block");
    });
</script>
<script type="text/javascript">
    $(function(){
        $('#fu').click(function() {
            window.open('../static/Info.html')　//B.html 前面的是不重要,关键的是这句　
        })
            //设置boydy宽度
            function setBodyWidth(){
                var barWidthHelper=document.createElement('div');
                barWidthHelper.style.cssText="overflow:scroll; width:100px; height:100px;";
                document.body.appendChild(barWidthHelper);
                var barWidth=barWidthHelper.offsetWidth-barWidthHelper.clientWidth;
                document.body.removeChild(barWidthHelper);
                var bodyWidth=window.screen.availWidth-barWidth;
                return bodyWidth;
            }
//设置boydy宽度
            $(document).ready(
                function(){
                    var bodyWidth=setBodyWidth()+"px";
                    //document.body.style.width=bodyWidth;
                    $("body").css("width",bodyWidth);
                }
            );

       $("#Vip").click(function () {
           $("#moban").css("display","block");
           $("#moban").css("height","2816px");
           $("#systemPay").css("display","block");
       })


       $("#fu").click(function () {
           sessionStorage.setItem('name', $("#userName").val());
          $("#fu").href= "../static/Info.html";
       });

        $("#jin").click(function () {
            $("#vipDiv").css("display","block");
            $.ajax({
               async:true,
                type:"POST",
                url:"/wxpay/precreate/interNet",
                dataType:"json",
                data:{
                    userName:$("#userName").val(),
                    type:"1",
                    imageNames:null,
                    imageresult:null
                },
                success:function (data) {
                    alert("请您在一分钟之内完成支付");
                    jinpai();
                }
            });
        });

        $("#yin").click(function () {
            $("#vipDiv").css("display","block");
            $.ajax({
                async:true,
                type:"POST",
                url:"/wxpay/precreate/interNet",
                dataType:"json",
                data:{
                    userName:$("#userName").val(),
                    type:"2",
                    imageNames:null,
                    imageresult:null
                },
                success:function (data) {
                    alert("请您在一分钟之内完成支付");
                    yinpai();
                }
            });
        });

        $("#tong").click(function () {
            $("#vipDiv").css("display","block");
            $.ajax({
                async:true,
                type:"POST",
                url:"/wxpay/precreate/interNet",
                dataType:"json",
                data:{
                    userName:$("#userName").val(),
                    type:"3",
                    imageNames:null,
                    imageresult:null
                },
                success:function (data) {
                    alert("请您在一分钟之内完成支付");
                    tongpai();
                }
            });
        });

        function jinpai() {
            $.ajax({
                async: true,
                type: "POST",
                url: "/wxpay/precreate/imgUrl",
                dataType: "json",
                data:{
                    connect:"jin"
                },
                success:function (jindata) {
                    var goodsId=jindata.msg;
                    console.log(goodsId+"goodsId");
                    $('#weChactJin').attr('src', jindata.imgName);
                    $("#zhifubaojin").attr("src",jindata.imgName);
                    var jinse=setInterval(function () {
                        $.ajax({
                            async: true,
                            type: "POST",
                            url: "/wxpay/precreate/showresult",
                            dataType: "json",
                            data:{
                                result:jindata.msg
                            },
                            success:function (da) {
                                if(da.msg=="UNSUCCESS"){
                                    setTimeout(function () {
                                        clearInterval(jinse);
                                        $("#systemPay").css("display","none");
                                        $("#moban").css("display","none");
                                    },1000);
                                    alert("支付失败")
                                }else if(da.msg=="SUCCESS"){
                                    //alert("支付成功");
                                    $("#sea").click(function () {
                                        $("#systemResult").css("display","none");
                                    });
                                    setTimeout(function () {
                                        clearInterval(jinse);
                                        $("#systemPay").css("display","none");
                                        $("#moban").css("display","none");
                                    },1000);
                                }
                            }
                        })
                    },1000);
                    setTimeout(function () {
                        clearInterval(jinse);
                        $("#systemPay").css("display","none");
                        $("#moban").css("display","none");
                    },60000);//请求时间为一分钟
                }
            });
        }


        function yinpai() {
            $.ajax({
                async: true,
                type: "POST",
                url: "/wxpay/precreate/imgUrl",
                dataType: "json",
                data:{
                    connect:"yin"
                },
                success:function (yindata) {
                    var goodsId=yindata.msg;
                    console.log(goodsId+"goodsId");
                    $('#weChactJin').attr('src', yindata.imgName);
                    $("#zhifubaojin").attr("src",yindata.imgName);
                    var yinse=setInterval(function () {
                        $.ajax({
                            async: true,
                            type: "POST",
                            url: "/wxpay/precreate/showresult",
                            dataType: "json",
                            data:{
                                result:jindata.msg
                            },
                            success:function (yindata) {
                                if(yindata.msg=="UNSUCCESS"){
                                    setTimeout(function () {
                                        clearInterval(yinse);
                                        $("#systemPay").css("display","none");
                                        $("#moban").css("display","none");
                                    },1000);
                                    alert("支付失败")
                                }else if(da.msg=="SUCCESS"){
                                    //alert("支付成功");
                                    $("#sea").click(function () {
                                        $("#systemResult").css("display","none");
                                    });
                                    setTimeout(function () {
                                        clearInterval(yinse);
                                        $("#systemPay").css("display","none");
                                        $("#moban").css("display","none");
                                    },1000);
                                }
                            }
                        })
                    },1000);
                    setTimeout(function () {
                        clearInterval(yinse);
                        $("#systemPay").css("display","none");
                        $("#moban").css("display","none");
                    },60000);//请求时间为一分钟
                }
            });
        }


        function tongpai() {
            $.ajax({
                async: true,
                type: "POST",
                url: "/wxpay/precreate/imgUrl",
                dataType: "json",
                data:{
                    connect:"tong"
                },
                success:function (tongdata) {
                    var goodsId=tongdata.msg;
                    console.log(goodsId+"goodsId");
                    $('#weChactJin').attr('src', tongdata.imgName);
                    $("#zhifubaojin").attr("src",tongdata.imgName);
                    var tongse=setInterval(function () {
                        $.ajax({
                            async: true,
                            type: "POST",
                            url: "/wxpay/precreate/showresult",
                            dataType: "json",
                            data:{
                                result:tongdata.msg
                            },
                            success:function (tongda) {
                                if(tongda.msg=="UNSUCCESS"){
                                    setTimeout(function () {
                                        clearInterval(tongse);
                                        $("#systemPay").css("display","none");
                                        $("#moban").css("display","none");
                                    },1000);
                                    alert("支付失败")
                                }else if(tongda.msg=="SUCCESS"){
                                    //alert("支付成功");
                                    $("#sea").click(function () {
                                        $("#systemResult").css("display","none");
                                    });
                                    setTimeout(function () {
                                        clearInterval(tongse);
                                        $("#systemPay").css("display","none");
                                        $("#moban").css("display","none");
                                    },1000);
                                }
                            }
                        })
                    },1000);
                    setTimeout(function () {
                        clearInterval(tongse);
                        $("#systemPay").css("display","none");
                        $("#moban").css("display","none");
                    },60000);//请求时间为一分钟
                }
            });
        }


        function shows() {
            var msg="";
            $.ajax({
                async: true,
                type: "POST",
                url: "/wxpay/precreate/imgUrl",
                dataType: "json",
                data:{
                    connect:"system"
                },
                success:function (datas) {
                    console.log(datas.imgName);
                    $('#weChact').attr('src', datas.imgName);
                    $("#zhifubao").attr("src",datas.imgName);
                    //$('#weChact').attr('src',"http://52borui.cn:8081/488.png" );
                    //$("#zhifubao").attr("src","http://52borui.cn:8081/488.png");
                    var goodsId=datas.msg;
                    console.log(goodsId+"goodsId");
                    var s=setInterval(function () {
                        $.ajax({
                            async: true,
                            type: "POST",
                            url: "/wxpay/precreate/showresult",
                            dataType: "json",
                            data:{
                                result:datas.msg
                            },
                            success:function (datas) {
                                console.log(datas);
                                if(datas.msg=="UNSUCCESS"){
                                    msg=datas.msg;
                                    setTimeout(function () {
                                        clearInterval(s);
                                        $("#systemPay").css("display","none");
                                        $("#moban").css("display","none");
                                    },1000);
                                    alert("支付失败")
                                }else if(datas.msg=="SUCCESS"){
                                    //alert("支付成功");
                                    $("#sea").click(function () {
                                        $("#systemResult").css("display","none");
                                    });
                                    msg=datas.msg;
                                    setTimeout(function () {
                                        clearInterval(s);
                                        $("#systemPay").css("display","none");
                                        $("#moban").css("display","none");
                                    },1000);
                                }
                            }
                        })
                    },1000);
                    setTimeout(function () {
                        clearInterval(s);
                        $("#systemPay").css("display","none");
                        $("#moban").css("display","none");
                    },60000);//请求时间为一分钟
                }
            });
        }

        var tel = $('#name').html();
        var mtel = tel.substr(0, 3) + '****' + tel.substr(7);
        $("#form1").ajaxForm(function(data){
            console.log(data.code);
            if(data.code==1){
                //alert("图片鉴别成功")
            }else if(data.code==0){
                alert("图片鉴别失败，该图片内容格式，不在鉴别范围之内!")
            }else if(data.code!=4){
                alert("请先登录再鉴别图片")
            }
            var imageName=data.imgName;
            var msg=data.msg;
            if(data.result=="该用户不是会员"||data.result=="该用户系统服务鉴定次数已经用完"){
                alert("请您在一分钟之内完成支付");
                $.ajax({
                    async: true,
                    type: "POST",
                    url: "/wxpay/precreate/interNet",
                    dataType: "json",
                    data:{
                        userName:$("#userName").val(),
                        type:"4",
                        imageNames:imageName,
                        imageresult:msg
                    },
                    success:function (datas) {
                        shows();
                    }
                });

                $("#moban").css("display","block");
                $("#moban").css("height",$(document.body).height());
                $("#systemPay").css("display","block");
                $("#forget_consoles").click(function () {
                    $("#moban").css("display","none");
                    $("#systemPay").css("display","none");
                })

            }
            var temp = "";
            for(var i in data.map){//用javascript的for/in循环遍历对象的属性
                temp += i+":"+data.map[i]+"\n";
            }
            console.log(data.course);
            console.log(temp);
            console.log(data.msg);
            if(data.course=="专家鉴定"){
                $("#resultS").val(data.msg);
            }else if(data.course=="系统鉴定"){
                $("#course").val(temp);
                $("#result").val(data.msg);
            }


        });

        $('#imgInput').on('change',function(){
            var filePath = $(this).val(),         //获取到input的value，里面是文件的路径
                fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase(),
                src = window.URL.createObjectURL(this.files[0]); //转成可以在本地预览的格式
            // 检查是否是图片
            if( !fileFormat.match(/.png|.jpg|.jpeg/) ) {
                error_prompt_alert('上传错误,文件格式必须为：png/jpg/jpeg');
                return;
            }
            $('#load').attr('src',src);
        });
        $('#imgInput2').on('change',function(){
            var filePath = $(this).val(),         //获取到input的value，里面是文件的路径
                fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase(),
                src = window.URL.createObjectURL(this.files[0]); //转成可以在本地预览的格式
            // 检查是否是图片
            if( !fileFormat.match(/.png|.jpg|.jpeg/) ) {
                error_prompt_alert('上传错误,文件格式必须为：png/jpg/jpeg');
                return;
            }
            $('#load').attr('src',src);
        });
        $('#load').hover(function () {
            $("#load").css("transform","scale(1.4)") ;
        },function () {
            $("#load").css("transform","scale(1)") ;
        });
        $('#name').text(mtel);
        $('#uName').text(mtel);
        $("#exit").click(function () {
            $.ajax({
                async: false,
                type: "POST",
                url: "/exit",
                dataType: "json",
                data: {
                    userName:$("#userName").val()
                },
                success:function (data) {
                    if(data.msg=="成功"){
                        window.location.reload();
                    }
                }
            });
        });
        if($("#userName").val()==""){
            $(".hanerUlTwo").css("display","block");
            $("#name").css("display","none");
            $("#sanjiao").css("display","none")
        }else{
            $(".hanerUlTwo").css("display","none");
            $("#name").css("display","block");
            $("#sanjiao").css("display","block")
        }
        $("#name").hover(function () {
            $("#phone").css("display","block");
        },function () {
            $("#phone").css("display","none");
        });
        $("#phone").hover(function () {
            $("#phone").css("display","block");
        },function () {
            $("#phone").css("display","none");
        });
        $("#forget_codes").click(function () {
            var phone =$("#forget_account").val();
            if(!(/^1[34578]\d{9}$/.test(phone))){
                alert("请输入正确的手机号码，请重填");
                return false;
            }
            $.ajax({
                async: false,
                type: "POST",
                url: "/upUser",
                dataType: "json",
                data: {
                    userName:$("#forget_account").val(),
                    userPassword:"",
                    code:"",
                },
                success: function (data) {
                    console.log(data);
                    if(null!=data.msg){
                        alert(data.msg);
                    }

                }
            });
        });
        $("#forget_login_lo").click(function () {
            if(!(/^1[34578]\d{9}$/.test($("#forget_account").val()))){
                alert("请输入正确的手机号码，请重填");
                return false;
            }
            if(!(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,30}$/.test($("#forget_passwordS").val()))){
                alert("应输入6-30位数字加字母组合密码,请重填！")
                return false;
            }
            $.ajax({
                async:false,
                url:"/upUser",
                type:"post",
                dataType:"json",
                data:{
                    userName:$("#forget_account").val(),
                    userPassword:$("#forget_passwordS").val(),
                    code:$("#forget_code").val()
                },
                success:function (data) {
                    if(null!=data.msg){
                        alert(data.msg);
                    }
                }
            });
        });
        $("#login_lo").click(function () {
            if(!(/^1[34578]\d{9}$/.test($("#account").val()))){
                alert("请输入正确的手机号码，请重填");
                return false;
            }
            if(!(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,30}$/.test($("#password").val()))){
                alert("应输入6-30位数字加字母组合密码,请重填！")
                return false;
            }
            $.ajax({
                async:false,
                url:"/loginUser",
                type:"post",
                dataType:"json",
                data:{
                    userName:$("#account").val(),
                    userPassword:$("#password").val()
                },
                success:function (data) {
                    if(data.msg=="登录成功"){
                        window.location.reload();
                    }
                    alert(data.msg);
                }
            });
        });
        $("#enrol_login_lo").click(function () {
            if(!(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,30}$/.test($("#enrol_password").val()))){
                alert("应输入6-30位数字加字母组合密码,请重填！")
                return false;
            }
            $.ajax({
                async:false,
                url:"/addUser",
                dataType:"json",
                type:"post",
                data:{
                    userName:$("#enrol_account").val(),
                    userPassword:$("#enrol_password").val(),
                    code:$("#enrol_code").val()
                },
                success:function (data) {
                    console.log(data);
                    if("注册成功"==data.msg){
                        window.location.reload();
                    }
                    console.log(data+"ssss");
                    if("Ok!"!=data.msg||"注册成功"!=data.msg||"登录成功"!=data.msg){
                        alert(data.msg);
                    }
                }
            });
        });
        $("#code").click(function () {
            var phone =$("#enrol_account").val();
            if(!(/^1[34578]\d{9}$/.test(phone))){
                alert("请输入正确的手机号码，请重填");
                return false;
            }
            $.ajax({
                async: false,
                type: "POST",
                url: "/addUser",
                dataType: "json",
                data: {
                    userName:$("#enrol_account").val(),
                    userPassword:"",
                    code:"",
                },
                success: function (data) {
                    console.log(data.msg);
                    if("注册成功"==data.msg){
                        window.location.reload();
                    }
                    if("Ok!"!=data.msg||"注册成功"!=data.msg||"登录成功"!=data.msg){
                        alert(data.msg);
                    }
                }
            });
        });
        $('#login').hover(function() {
            $('#login').css("background-color","#ccc")
        }, function() {
            $('#login').css("background-color","#eeeeee")
        });
        $('.hanerUlOne li').hover(function() {
            $(this).css("color","blue")
        }, function() {
            $(this).css("color","black")
        });

        $("#seeResult").hover(function () {
            $("#seeResult").css("background-color","#ca0c16");
            $("#sea").css("color","#fff");
        },function () {
            $("#seeResult").css("background-color","#fff");
            $("#sea").css("color","#ca0c16");
        });
        $("#seeResultS").hover(function () {
            $("#seeResultS").css("background-color","#ca0c16");
            $("#seaS").css("color","#fff");
        },function () {
            $("#seeResultS").css("background-color","#fff");
            $("#seaS").css("color","#ca0c16");
        });





        $("#liOne").click(function(){
            $("#footer").css("margin-top","41%");
            $("#index").css("display","block");
            $("#explain").css("display","none");
            $("#service").css("display","none");
        });
        $("#liTwo").click(function(){
            $("#footer").css("margin-top","4%");
            $("#index").css("display","none");
            $("#explain").css("display","block");
            $("#service").css("display","none");
        });
        $("#liThree").click(function(){
            $("#footer").css("margin-top","4%");
            $("#index").css("display","none");
            $("#explain").css("display","none");
            $("#service").css("display","block");
        });
        $("#iOne").hover(function(){
            $("#imgOne").css("display","block");
            $("#imgTwo").css("display","none");
        },function(){
            $("#imgOne").css("display","none");

        });
        $("#iTwo").hover(function(){
            $("#imgTwo").css("display","block");
            $("#imgOne").css("display","none");
        },function(){
            $("#imgTwo").css("display","none");
        });
        $("#login_lo").hover(function(){
            $("#login_lo").css("background-color","#005cf9")
        },function(){
            $("#login_lo").css("background-color","#0069f9")
        });
        $("#enrol_login_lo").hover(function(){
            $("#enrol_login_lo").css("background-color","#005cf9")
        },function(){
            $("#enrol_login_lo").css("background-color","#0069f9")
        });
        $("#forget_login_lo").hover(function(){
            $("#forget_login_lo").css("background-color","#005cf9")
        },function(){
            $("#forget_login_lo").css("background-color","#0069f9")
        });
        $("#console").click(function(){
            $("#login_div").css("display","none");
            $("#moban").css("display","none");
        });
        $("#enrol_console").click(function(){
            $("#login_enrolS").css("display","none");
            $("#moban").css("display","none");

        });
        $("#forget_console").click(function(){
            $("#forget").css("display","none");
            $("#moban").css("display","none");

        });
        $("#login_enrol").click(function(){
            $("#login_enrolS").css("display","block");
            $("#moban").css("display","block");
            $("#moban").css("height",$(document.body).height());
        });
        $("#login").click(function(){
            $("#login_div").css("display","block");
            $("#moban").css("display","block");
            $("#moban").css("height",$(document.body).height());
        });
        $("#code").hover(function(){
            $("#code").css("background-color","#cccccc");
        },function(){
            $("#code").css("background-color","#eeeeee");
        });
        $("#forget_codes").hover(function(){
            $("#forget_codes").css("background-color","#cccccc");
        },function(){
            $("#forget_codes").css("background-color","#eeeeee");
        });
        $("#forget_password").click(function(){
            $("#login_div").css("display","none");
            $("#forget").css("display","block");
            $("#account").val("");
            $("#password").val("");
        });
        $("#enrol_Acount").click(function(){
            $("#login_div").css("display","none");
            $("#login_enrolS").css("display","block");
            $("#account").val("");
            $("#password").val("");
        });
        $("#login_one").click(function(){
            $("#forget").css("display","none");
            $("#login_div").css("display","block");
            $("#forget_account").val("");
            $("#forget_code").val("");
            $("#forget_passwordS").val("");
        });
        $("#login_two").click(function(){
            $("#login_enrolS").css("display","none");
            $("#login_div").css("display","block");
            $("#enrol_account").val("");
            $("#enrol_code").val("");
            $("#enrol_password").val("");
        });
    });

</script>
</html>